URL a Base64

Este componente toma una URL de una imagen situado en un Texto Lineal o Texto Multilíneas y lo coloca en un elemento Imagen.

 

Configuración de Componente

Se muestra la siguiente configuración del componente.

 

El siguiente ejemplo muestra el caso de uso del componente ejecutándolo con un elemento botón.

Configuración de Plantilla

1. Se agregan 1 elemento Texto Multilíneas y 1 elemento Imagen.

Nota

Para que el Texto Multilíneas tome toda la URL de la Imagen es necesario que la longitud máxima sea de 0.

2. Se abre el modal de componentes y damos clic en el botón Agregar.
3. En el combo box de componentes seleccionamos la opción Conversión Base64 a Imagen o Documento y Viceversa.
4. En el combobox URL o Base64 seleccionamos el elemento Texto Multilíneas.
5. En el combobox Modo de Conversión seleccionamos la opción Base64 a Imagen o Documento.
6. En el combobox Elemento Salida seleccionamos el elemento Imagen y cerramos el modal.
7. Damos clic en la pestaña Elementos y agregamos un botón.
8. Damos clic en la pestaña Archivo y damos clic en Reglas.
9. En el modal de Reglas damos clic en el botón Agregar.
10. En la sección de condiciones seleccionamos que se cumplan todas las condiciones, en la Categoría seleccionamos Elementos y seleccionamos el elemento Botón, en la sección de acciones damos clic en el combo box y seleccionamos la opción Ejecutar Componente al componente recién agregado.
11. Cerramos el modal y guardamos la plantilla.

 

Digitalizador

Al abrir la plantilla podemos observar los elementos configurados, agregamos la URL en el elemento Texto Multilíneas URL a Base64 y observamos que al dar clic en el botón en elemento de Imagen nos mostrara la imagen extraída por la URL.